/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/*
 * Copyright (c) 2014, Joyent, Inc.
 */

ul.fwrules-list {
  margin-bottom: 0;
  li { margin-bottom: .5em; display: block; clear: both; overflow: hidden;}
  li:last-child { margin: 0; }
  li.editing {
    background: lighten(@state-warning-bg, 40%);
    .opacity(50);
    .actions { visibility: hidden;}
  }

  .actions {
    float: right;
    a { font-size: 12px;}

   .delete-rule { color: @state-danger-text; }
   .enable-rule { color: @state-success-text; }
   .disable-rule { color: @state-danger-text; }
 }
  .rule.disabled {
    >div {
      text-decoration: line-through;
      background: @gray-lighter;
      color: @gray;
    }
  }
  .rule {
    float: left;
    margin-top: 4pw;

    >div {
      display: inline-block;
      padding-left: 6px; padding-right: 6px;
      font-family: @font-family-monospace;
      font-size: @font-size-small;
      background: @gray-lighter;
    }

    .global { background: @gray-darker; color: #FFF; }

    .to {
      background: @state-info-bg;
      color: #333;
    }

    .from-predicate { color: #FFF; background: @gray-light; }
    .to-predicate { color: #FFF; background: @gray-light; }

    .action { color: #FFF; font-weight: bold;}
    .ALLOW { background: @brand-success; }
    .BLOCK { background: @brand-danger; }
  }
}
